@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&subset=latin-ext');

    .close:hover, .close:focus 
    {
      color: #9ad81b !important;      
      filter: alpha(opacity=1) !important;
      opacity: 1 !important;
    }


    .doublebonus em
    {
        color:#ff0;
    }

    #rightHeader
    {
        padding-top: 15px !important;
    }

    /* Mask for background, by default is not display */
    #mask {
        display: none;

        position: fixed;
        left: 0;
        top: 0;
        z-index: 10;
        width: 100%;
        height: 100%;        
        z-index: 999;
        background-image: url(../dot-pattern.png);
        background-repeat: repeat;
        background-color: #000;
        opacity: 0.9;
    }

    #login-box
    {
        width: 30%;
    }

    #login-box .close-btn
        {            
            position: relative;
            top:-50px;           
            right: 10%;
        }

    #login-box .close-btn::before, #login-box .close-btn::after

        {
            background-color: #fff;
        }


    #login-box input
    {
        background: rgba(255, 255, 255, 0.5) !important;
        border-left: solid 2px #9ad81b   !important;
        border-right:solid 0px #fff  !important;
        border-top:solid 0px #fff  !important;
        border-bottom:solid 0px #fff  !important;
        outline: none  !important;
        font-family: 'Roboto Condensed', Arial, sans-serif !important;  
        letter-spacing: 1px;
        margin:0px 0px 20px 0px;
        padding:10px 20px;
        font-weight: 300;
        width: 100%;
        color:#9ad81b;
    }

    .forgot
        {
            font-weight: 300;
            font-family: 'Roboto Condensed', Arial, sans-serif !important;  
            color:#fff !important;
            letter-spacing: 2px;
        }

    /* You can customize to your needs  */
    .login-popup {
        display: none;
        text-align: center;
        padding: 10px;
        width: 100%;
        float: left;
        font-size: 1.2em;
        position: fixed;
        top: 50%;
        left: 50%;
        z-index: 99999;
    }

    img.btn_close {
        float: right;
        margin: -28px -28px 0 0;
    }


    fieldset {
        border: none;
    }

    form.signin .textbox label {
        display: block;
        padding-bottom: 7px;
    }

    form.signin .textbox span {
        display: block;
    }

    form.signin p, form.signin span {
        color: #999;
        font-size: 11px;
        line-height: 18px;
    }

    form.signin .textbox input {
        
        color:rgba(0,95,131,0.8) !important;
        border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        font-size:1.2rem;        
        padding: 20px;
        width: 200px;
        background: rgba(255, 255, 255, 0.5) !important;
        border-left: solid 2px #005f83  !important;
        border-right:solid 0px #fff  !important;
        border-top:solid 0px #fff  !important;
        border-bottom:solid 0px #fff  !important;
        outline: none  !important;
        font-family: 'Roboto Condensed', Arial, sans-serif !important;  
    }

    form.signin input:-moz-placeholder {
        color: #bbb;
        text-shadow: 0 0 2px #000;
    }

    form.signin input::-webkit-input-placeholder {
        color: #bbb;
        text-shadow: 0 0 2px #000;
    }

    .buttonx {
        background-color:#9ad81b !important;        
        color: #fff;
        display: inline-block;
        padding: 10px 20px;        
        font: 1.4rem;
        width: 80%;
        border:0px;
        margin:20px;
    }

    .buttonx:hover {
        background: #ddd;
    }

    #contentWrapper
    	{
    		height:750px;
            overflow: visible;
    	}

        p    
        {
            text-indent: 0 !important;
        }

    #SeccondMenu_content {
        width: 100%;
        height: 31px;
        background: url(http://raportuldeinvestitii.ro/App_Themes/Green/images/horizontals.jpg) repeat-x 0 -438px;
        text-align: left;
    }

    video {
      width: 100%;
      height: auto;
    }

    .videofull
        {
            width:100%;
            z-index:-1;
        }

    .subtitleh2
        {
            font-family: 'Roboto Condensed', Arial, sans-serif;
            font-size:4rem;
            letter-spacing: 3px;
            color:rgba(0,95,131,0.8);
            font-weight: 700;
            text-transform: uppercase;
            line-height: 4rem;
        }
    .subtitleh3
        {
            font-family: 'Roboto Condensed', Arial, sans-serif;
            font-size:2.8rem;
            color: #3b3b3b;
            font-weight: 300;
            text-transform: uppercase;
            letter-spacing: 3px;
        }

    .maintitle
        {
            position: absolute;
            font-size:2rem;
            color:#fff;
            z-index:1;        
            left:10%;
            font-family: 'Roboto Condensed', Arial, sans-serif;
            text-transform: uppercase;
            letter-spacing: 2px;
            top:220px;
            text-align: left;
        }

    #carousel .flex-direction-nav
        {
            display: none;
        }

    .smalltitle
    	{
    		font-family: 'Roboto Condensed', Arial, sans-serif;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-size:2rem;
            color:#216796;
            width: 30%;
            background-color: white;
            border-top:solid 4px #9ad81b;
            position: relative;
            padding:30px 0px;
            left:30px;
            float:left;
    	}

    .on
    {
        display:unset;
    }

    .off
    {
        display:none !important;
    }

    .paddington
    {
        padding:20px 10px;
    }

    .recomandarinfo
    {
        /*max-height: 0px;*/
        max-height:1px;
        transition: 1.2s ease-in-out 0.6s;
        text-align: left;
        font-family: 'Roboto Condensed', Arial, sans-serif;
        font-size: 14px !important;
        line-height: 16px !important;
        letter-spacing: 1px;
        color: #585858 !important;
        overflow: hidden;
        font-weight: normal  !important;        
        border-bottom: solid 0px #9ad81b;
        position: relative;
        display: block;
        width: 100%;
        text-align: justify;
    }

    .managerinfo
    {
        /*max-height: 0px;*/
        max-height:1px;
        transition: 1.2s ease-in-out 0.6s;
        text-align: left;
        font-family: 'Roboto Condensed', Arial, sans-serif;
        font-size: 14px !important;
        line-height: 16px !important;
        letter-spacing: 1px;
        color: #fff !important;
        overflow: hidden;
        font-weight: normal  !important;        
        border-bottom: solid 0px #9ad81b;
        position: relative;
        display: block;
        width: 100%;
        text-align: justify;
    }


    .man007:hover .managerinfo    
    {        
       /* max-height: 100px;*/
        max-height: 140px;
        transition: 1s ease-in-out 0s;
        border-bottom: solid 5px #9ad81b;

    }

    #vitale:hover .recomandarinfo,
    #monitorizeaza:hover .recomandarinfo,
    #gandeste:hover .recomandarinfo,
    #partenerii:hover .recomandarinfo,
    #recruteaza:hover .recomandarinfo,
    #informat:hover .recomandarinfo   
    {        
       /* max-height: 100px;*/
        max-height: 100px;
        transition: 1s ease-in-out 0s;
        border-bottom: solid 5px #9ad81b;

    }




    .recomandarinfo a
    {
        font-weight: bold;
        text-decoration: none;
        color:#9ad81b !important;

    }

    .modulebox
        {
            width: 70%;
            margin:0 auto;
            padding:30px 0px 0px 0px;
            position: relative;
            left:100px;            
            overflow: auto;
        }

    .rightboxsmall, .leftboxsmall
        {
            float:left;
            padding:0px 0px 0px 0px;        
        }

    .leftboxsmall
        {
            width:12%;
            padding:0px 0px 0px 10px;                
        }
    .rightboxsmall
        {
            width:84%;
            text-align: justify;

        }
    .rightboxsmall span
        {
            font-weight: bold;
            font-size:24px;
            color:#005f83;
        }

    i {
        font-size:38px !important;    
        color:#30addc;
        }
    .moduleboxsmall:hover i
        {
            animation: pulse 4s infinite;
        }

    @keyframes pulse {
        0% 
            {
                color:#30addc;
            }
        25%
            {
                color:#30addc;
                -moz-transform: scale(1.3);
                -o-transform: scale(1.3);
                -webkit-transform: scale(1.3);
                transform: scale(1.3);
            }        
        50%
            {
                color:#0096ce;
            }
        75%
            {
                color:#30addc;
                -moz-transform: scale(1.3);
                -o-transform: scale(1.3);
                -webkit-transform: scale(1.3);
                transform: scale(1.3);
            }

        100% 
            {
                color:#30addc;
            }
        }

    .thedoors
        {
            position:absolute;
            z-index:100;
            width: 100%;

        }

    .doorright, .doorleft
        {
            background-image: url(../gun-metal.png);
            background-repeat: repeat;
            height:690px;
            float:left;
            position: relative;
            left:0;
            right:0;
            transition: 2s;
        }

    .doorright
        {
            width:70%;
            border-left:solid 3px #9ad81b;
            
        }

    .doorleft
        {
            width:30%;
            border-right:solid 3px #9ad81b;
        }

    .doorbadge
        {
            position: absolute;
            top:100px;
            left:100px;
            background-image: url(../topsecret.png);
            background-repeat:no-repeat;
            height:100%;
            width: 100%;
        }

    .testeazafbi
        {
            z-index:1;
            visibility: hidden;
            opacity: 0;
            filter: alpha(opacity=0);
            transition: visibility 0s, opacity 1s ease;
            position: relative;
            left: 120px;
            top: 0px;
        }

    .man007:hover .testeazafbi
        {
            z-index:200;    
            visibility: visible;
            opacity: 1;
            filter: alpha(opacity=100);        
            transition: visibility 0s, opacity 0.5s ease;
            -webkit-transition-delay: 2s; /* Safari */
            transition-delay: 2s;
        }

    .man007:hover .doorright
        {
        -webkit-transform: translate(83em,0);
        -moz-transform: translate(83em,0);
        -o-transform: translate(83em,0);
        -ms-transform: translate(83em,0);
        transform: translate(83em,0);
        }
    .man007:hover .doorleft
        {
        -webkit-transform: translate(-27em,0);
        -moz-transform: translate(-27em,0);
        -o-transform: translate(-27em,0);
        -ms-transform: translate(-27em,0);
        transform: translate(-27em,0);
        }

    .nerecomanda
        {

        }

    .moduleboxsmallfull
        {
             width:45%;
             min-height: 100% !important;
             overflow: auto;
             display:block;
             float:left;
        }

    .moduleboxsmall
        {
            width:100%;
            padding:20px 20px 0px 0px;
            float:left;
            text-align: left;
            font-family: 'Roboto Condensed', Arial, sans-serif;
            font-size:14px;
            display:block;            
            letter-spacing: 1px;
            color: #585858;
            min-height: 120px;
            

        } 

    .man007
        {
            position: relative;            
            z-index: -2;
            margin:50px 0px;
            background-color: #002e7a;
        }    

    .mash
        {
            width:100%;       
            overflow:hidden; 
            height:690px;        
            position: relative;
        }

    .darkslider
        {
             
             background-size: cover;
             height: 690px;
             background-image: url(../dot-pattern.png);
             background-repeat: repeat;
             z-index: 2;
             margin:0 auto;
        }
    .fbi
        {
            position: relative;
            margin:0 auto;
            height:50%;
            width:70%;
            z-index:20;
            padding:40px 0px;

        }
    .fbibig, .fbismall, .fbibenefits, .leftfbi, .rightfbi, .fbibonuses
        {
            float:left;
        }

    .fbibig
        {
            width:35%;
            font-family: 'Roboto Condensed', Arial, sans-serif;
            color:#fff;
            text-align: left;
        }

    .fa 
        {
            float:left;
        }

    .fbismall 
        {
            font-size:2rem;
        }

    .fbismall p
        {
            font-size:4rem;
            font-weight: bold;
            line-height: 3.6rem;
            text-indent: 0px;
        }
    .fbibonuses
        {
            width: 62%;
            padding: 0px 0px 50px 0px;
        }
    .fbibenefits
        {
            color:#fff;
            padding:5px 0px 5px 40px;
            text-align: left;
            width: 100%;

        }

    .fbi20
        {
            width:5%;
            float:left;
        }

    .fbi80
        {
            width:95%;
            float:left;
        }

    .leftfbi
        {
            padding:0px 0px 0px 20px;
            font-size: 2rem;
            letter-spacing: 4px;
            font-weight: 300;
            text-transform: uppercase;
        }
    .rightfbi
        {
            text-transform: lowercase;
            font-style:italic;
            padding: 0px 0px 0px 20px;
        }

    .fbibenefits .fa
        {
            color:#fff;
            position: relative;
            top:4px;
        }



    .smallhexicons
        {
            float:left;
            width:60%;
            position: relative;
            top:-30px;
            left:50px;
        }

    .maintitle span
        {
            font-weight: 900;
            font-size:8rem;
            font-family: 'Roboto Condensed', Arial, sans-serif;        
            letter-spacing: 2px;
            line-height: 70px;
            text-transform: uppercase;
        }
    .mainbgvideo
        {
            position:absolute;       
            
        }
    .greenbox
        {
            width:100%;
            background-color: #9ad81b;
            height:30px;
            position: absolute;
            top: 78%;
            z-index: -1;
            left: -20px;
        }
    .introsegment
        {
            position: relative;
            height: 750px;
            display: block;
        }
    .segmentminus
    	{
    		z-index:1;
    		position: relative;
    		width:100%;
    		text-align: center;
    		padding:20px 0px;
            top:-100px;
    	}
    .paddingin
        {
            padding: 0px 20px;

        }
    .clear
    	{
    		clear:both;
            border-
    	}

    .formular
        {        
            border-bottom:solid 1px #c5c5c5;
            background-image: url(../graphy.png);
            background-repeat: repeat;
            padding:50px 0px 80px;        
        }
    .innerform
        {
            width:800px;
            margin:0 auto;
        }

    .forminfo
        {
            font-family: 'Roboto Condensed', Arial, sans-serif; 
            font-size:2rem;
            line-height: 3.2rem;
            padding:0px 0px 20px 0px;
            margin:0px 0px 20px 0px;
            border-bottom:solid 2px #9ad81b;
            letter-spacing: 1px;
            color:rgba(0,95,131,1);

        }


    .forminfo span
        {
            font-size:1.5rem;
            color:#111;
            line-height: 1.8rem;
        }

    .footer
        {   
            background-color: #4c4c4c; /* Old browsers */    
            background-image: url(../graphybk.png);
            background-repeat: repeat;                    
            width: 100%;
            display:block;
            overflow:auto;
            padding:30px 0px;
        }

    .segmentpadd
        {
            padding:0px !important;
        }


    .fullcontact
        {
            width: 80%;
            padding:30px;
            font-family: 'Roboto Condensed', Arial, sans-serif; 
            color:#fff;
            font-size:1.8rem;
            line-height: 2.4rem;
            text-align: left;
            display: block;
            margin: 0 auto;

        }

    .rdcontact1, .rdcontact2, .rdcontact3 
        {
            padding:20px;
            border-right:solid 1px #dedede;
            float:left;
            font-size:1.5rem;
            line-height: 2rem;        
        }

    .rdcontact1
        {
            width:20%;
        }

    .rdcontact2
        {
            width:60%;
            text-align:center;
        }

    .rdcontact3
        {   
            width:20%;
        }

    .fullcontact a, .rdcontact a
        {
            font-family: 'Roboto Condensed', Arial, sans-serif; 
            text-decoration: none; 
            color:#fff !important;
            font-weight: 300;
        }

    .satelit
        {
            position: absolute;
            z-index:10;
            top:-90px;        
            font-family: 'Roboto Condensed', Arial, sans-serif; 
            text-transform: uppercase;
            color:#fff;
            background-color: #ff0000;
            font-size:1.4rem;
            padding:10px 20px;

        }

    .minilist
        {
            position:relative;
            font-size:15px;
            padding:0px 10px;
            z-index:2;
            font-family: 'Roboto Condensed', Arial, sans-serif; 
            text-transform: uppercase;
            transition-duration: 2s;
            line-height: 14px;
            text-align: right;
            top:30%;
            font-weight: bold;
        }

    .cereofertabox
        {
            position:absolute;
            z-index:100;
            bottom:170px;
            left:100px;
            width:500px;
            transition: 2s;

        }

    button, html input[type="button"], input[type="reset"], input[type="submit"] {
        -webkit-appearance: button;
        cursor: pointer;
    }

    .btn {
        border: none;    
        font-size: 20px;
        font-family: 'Roboto Condensed', Arial, sans-serif;     
        cursor: pointer;
        padding: 25px 80px;
        display: inline-block;
        margin: 15px 30px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 700;
        outline: none;
        position: relative;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        touch-action: manipulation;
        user-select: none;
        border-radius: 8px;
        
    }

    .btn:after {
        content: '';
        position: absolute;
        z-index: -1;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

    .btn-1 {
        border: 2px solid #9ad81b;
        color: #9ad81b;

    }
    .btn-1e {
        overflow: hidden;
        background-color: rgba(0,0,0,0.3);
    }

    .btn-1e:after {
        width: 100%;
        height: 0;
        top: 50%;
        left: 50%;
        background: #9ad81b;
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        transform: translateX(-50%) translateY(-50%) rotate(45deg);
    }

    .btn-1e:hover,
    .btn-1e:active {
        color: #fff;
    }

    .btn-1e:hover:after {
        height: 260%;
        opacity: 1;
    }



    .biginfobox
        {
        position: absolute;
        font-size: 1.5rem;
        color: #000;
        text-align: right;
        top: 100px;
        right:100px;
        text-transform: uppercase;
        z-index: 1;
        width: 500px;
        padding: 30px;
        background-color: rgba(0,95,131,0.9);
        color:#fff;
         font-family: 'Roboto Condensed', Arial, sans-serif; 
        }

    .doublebonus
    {
        padding:10px 0px;
        text-transform: initial; 
        display: block;       

    }

    .doublebonus a
    {
        color:#fff !important;
        text-decoration: none;
    }


    .biginfotitle
        {
            border-bottom:solid 1px #fff;
            letter-spacing:3px;
            font-size:3rem;
            margin:0px 0px 30px 0px;
        }

    .bigcontainer
        {
            position: relative;
            width:100%;
        }

        #ctl00_LogoLink img
        {
            height:50px;
            border-width: 0px;
        }

@media only screen and (max-width: 1800px)  {      

        .smalltitle
    {
        width: 18%;
    }

    .smallhexicons
    {
        width: 80%;
    }

}

@media only screen and (max-width: 1420px) {


    .mash, .doorleft, .doorright, .darkslider
    { height:740px; } 


  .maintitle span
    {        
        font-size:6rem;
        line-height: 50px;        
    }

    .maintitle
    {
        
        top:220px;
        text-align: left;
        left:60px;
    }

    .greenbox
    
    {
        height:30px;
        top: 73%;
    }


    .smalltitle
    {
        font-size:1.5rem;
    }

    .introsegment
    {
        height:550px;
    }

    .satelit
    {
        font-size:1.3rem;
    }

    .flexslider
    {
        margin:0px !important;
    }

    .biginfotitle
    {
        font-size:2.4rem;
    }

    .biginfobox
    {
        font-size:1.2rem;
    }

    .biginfobox
    {
        width: 390px;
        top: 50px;
        right: 50px;
    }


    .flex-viewport
    {
        max-height: 550px !important;
    }

    .leftboxsmall
    {
        width:16%;
    }

    .rightboxsmall
    {
        width:80%;
    }

    .modulebox
    {
        width:90%;
        left:50px;
    }



    .cereofertabox
    {
        bottom: 70px;
        left: 65px;
        width: 300px;
    }

    .btn
    {
        font-size:1.4rem;
        padding:20px 50px;
    }

    .man007:hover .doorright
    {
    -webkit-transform: translate(58em,0);
    -moz-transform: translate(58em,0);
    -o-transform: translate(58em,0);
    -ms-transform: translate(58em,0);
    transform: translate(58em,0);
    }
    .man007:hover .doorleft
    {
    -webkit-transform: translate(-20em,0);
    -moz-transform: translate(-20em,0);
    -o-transform: translate(-20em,0);
    -ms-transform: translate(-20em,0);
    transform: translate(-20em,0);
    }

}


@media only screen and (max-width: 1220px) {

   .mash, .doorleft, .doorright, .darkslider
    {
        height:750px;
    }

    .fbi
    {
        width: 90%;
    }

      .man007
    {
        background-image: none !important;
        background-color:#00428e;
    }
      .maintitle
    {
        top:120px;
    }

    i
    {
        font-size: 2.8rem !important;
    }

    .testeazafbi
    {
        left:0px;
    }

    .man007:hover .doorleft {
    -webkit-transform: translate(-25em,0);
    -moz-transform: translate(-25em,0);
    -o-transform: translate(-25em,0);
    -ms-transform: translate(-25em,0);
    transform: translate(-25em,0);


}

@media only screen and (max-width: 1020px) {


    .biginfobox
    {
        width: 440px;
        right:20px;
    }

        #vitale:hover .recomandarinfo,
    #monitorizeaza:hover .recomandarinfo,
    #gandeste:hover .recomandarinfo,
    #partenerii:hover .recomandarinfo,
    #recruteaza:hover .recomandarinfo,
    #informat:hover .recomandarinfo  
    {
        
        max-height: 140px;
        transition: max-height 1.55s ease-out;

    }

     video
    {
        width:100%;
        
    }

    .MainMenu_left, .MainMenu_right
    {
        display: none;
    }

    .maintitle
    {
        top:120px;
    }

    .smalltitle, .smallhexicons
    {
        width: 100%; 
        left:0;
    }

     .modulebox
    {
        width: 90%;
    }


     .innerform
    {
          width: 90%;
    }

     .mash, .doorleft, .doorright, .darkslider
    {
        height:1080px;
    }

    .testeazafbi
    { 
    left: -40px;
    bottom: 250px;

    }
}

@media only screen and (max-width: 820px) {

     #login-box
    {
        width: 60%;
    }

    .rdcontact1, .rdcontact2, .rdcontact3
    {
        width: 100%;
        border-right:solid 0px #000;
        border-top:solid 1px #dedede;
    }

    .mainbgvideo
    {
        width:100%;
        overflow: hidden;
    }
    video
    {
        width:1200px;
        left:-200px;
        position: relative;
        
    }

    .maintitle
    {
        top:180px;
    }

    .modulebox
    {
        width: 90%;
        left: 0px;
    }

    .moduleboxsmallfull
        {
             width:100%;
             height: auto !important;
            padding:20px 0px 0px 0px;
             
        }

    .moduleboxsmall
    {
        width: 100%;
        height: auto !important;
        padding:20px 0px 0px 0px;

    }

    #vitale:hover .recomandarinfo,
    #monitorizeaza:hover .recomandarinfo,
    #gandeste:hover .recomandarinfo,
    #partenerii:hover .recomandarinfo,
    #recruteaza:hover .recomandarinfo,
    #informat:hover .recomandarinfo  
    {
        
        max-height: 140px;
        transition: max-height 1.55s ease-out;

    }

     .innerform
    {
          width: 90%;
    }

    .testeazafbi
    { 
    left: -60px;
    bottom: 50px;

    }

    .smalltitle
    {
        padding:30px 0px 0px 0px;
    }

   .beneficiislider img
    {
        max-height:100%;
    }

    .flex-viewport
    {
        max-height: 390px !important;
    }

}

@media only screen and (max-width: 620px) {




    #ctl00_LogoLink img
    {
        height:45px;
        padding:10px 0px 0px 20px;
    }

    .MainMenu_left, .MainMenu_right
    {
        display: none;
    }


    video
    {
        width:1200px;
        position: relative;
        left:-600px;
    }

    #header
    {
        width: 100%;
        margin-left:0 !important;
        margin-right:0  !important;

    }
    .MainMenu_content
    {
        width: 100% !important;
    }

    .satelit
    {
        width: 100%;
    }

    .mainbgvideo
    {
        position: relative;
        overflow: hidden;
        width: 100%;
    }

    .maintitle
    {
          position: relative;
          color:rgba(0,95,131,0.8);
          top:40px;
          left:0px;
          width: 100%;
          margin: 0 auto;
          text-align:center;

    }

    .maintitle span
    {
        font-size: 4rem;
        line-height: 3.8rem;
    }

    .introsegment
    {
        height:820px;
    }
    .greenbox
    {
        left:0px;
    }
    .smalltitle
    {
        width:100%;
        left:0px;
    }
    .smallhexicons
    {
        width:100%;
        display: none;
    }

    #carousel .flex-direction-nav
    {
        display: unset;
    }

    .flex-direction-nav li, .flex-direction-nav li:hover
    {
        background-image:none !important;
        width: 20%;
        float: left;
    }

    .cereofertabox
    {
        position: absolute;
    }

    .biginfobox
    {
        position: relative;
        width: 100%;
        top:0px;
        right:0px;
        font-size:1.3rem;
        padding:10px 20px;
        height:auto;
        background-color: rgba(0,95,131,1);
    }
    .slides
    {
        height: 400px;
        overflow: hidden;
    }

    .biginfotitle
    {
        font-size: 1.6rem;
        margin:0 0 10px 0;
    }

    .flexslider .slides img
    {
        max-width: 150%;
        left:-150px;
    }

    .flexslider:hover .flex-direction-nav .flex-prev {
      opacity: 0.7;
      left: 20px;
    }
    .flexslider:hover .flex-direction-nav .flex-prev:hover {
      opacity: 1;
      left: 20px;
    }
    .flexslider:hover .flex-direction-nav .flex-next {
      opacity: 0.7;
      right: 20px;
    }
    .flexslider:hover .flex-direction-nav .flex-next:hover {
      opacity: 1;
      right: 20px;
    }

    .beneficiislider .flex-direction-nav a
    {
        opacity:1 !important;
    }

    .subtitleh2
    {
        font-size: 3.8rem;
        line-height: 3.6rem;
        padding: 30px 0px 10px 0px;
    }
    .subtitleh3
    {
        font-size:2.4rem;
        line-height:2.2rem;
    }
    .greenbox
    {
        top: 67%;
    }

    .modulebox
    {
        width: 90%;
        margin: 0 auto;
        left:0;
    }

    .moduleboxsmallfull
    {
        width:100%;
        height: auto !important;
        padding:20px 0px 0px 0px;
             
    }

    .moduleboxsmall
    {
        width: 100%;
        height: auto !important;
        padding:20px 0px 0px 0px;
    }

    i
    {
        font-size:3rem !important;
    }
    .rightboxsmall span
    {
        font-size: 2rem;
        line-height: 2rem;
    }

    .man007
    {
        background-image: none !important;
        background-color:#00428e;
    }

    .fbi
    {
        width: 90%;
        margin: 0 auto;
        padding:30px 0px;
    }
    .fbibig, .fbibonuses
    {
        width: 100%;
    }
    .fbibenefits
    {
        padding:20px 0px 0px 0px;
    }

    .fbi80
    {
        width: 90%;
    }

    .fbi20
    {
        width: 8%;
    }

    .fbismall p
    {
        font-size:3rem;
        line-height: 3rem;
    }

    .fbismall
    {
        font-size:1.4rem;
        line-height: 1.4rem;
    }

    .segmentminus
    {
        padding: 0px;
    }

    .mash, .doorleft, .doorright, .darkslider
    {
        height:1150px;
    }
    .testeazafbi
    {
        bottom:-40px;
        left:0;
        position: absolute;
        bottom: -60px;
        left: -40px;

    }

    .doorbadge
    {
        top: 20px;
        left: -60px;
        width: 140%;
    }

    .cd-see-all
    {
        font-size: 1.3rem;
        left:0 !important;
        width: 100% !important;
    }

    .nerecomanda
    {
        padding:30px 0px 0px 0px;
    }

    .cd-testimonials p
    {
        font-size: 1.8rem;
    }

    .cd-testimonials-wrapper
    {
        padding:20px 0px 70px !important;
    }

    .cd-author img
    {
        height: 60px !important;
    }

    .innerform
    {
        width: 100%;
    }

    .forminfo
    {
        padding:0px 20px 20px;
    }

    .rdcontact1, .rdcontact2, .rdcontact3
    {
        width: 100%;
        border-right:solid 0px #000;
        border-top:solid 1px #dedede;
    }

}

@media only screen and (max-width: 420px) {

    #login-box .close-btn
    {
        right: 10%;
    }

         #login-box
    {
        width: 90%;
    }


   .mash, .doorleft, .doorright, .darkslider
    {
        height:1350px;
    }
        .testeazafbi
    {
       bottom:-40px;
        left:0;
        position: absolute;
        bottom: -60px;
        left: -40px;
   
    }


    .moduleboxsmall, .moduleboxsmallfull
    {
        width: 100%;
        height: auto !important;
        padding:20px 0px 0px 0px;
    }
     .innerform
    {
          width: 90%;
    }
}

@media only screen and (max-width: 340px) {

    .man007:hover .managerinfo, 
    #vitale:hover .recomandarinfo,
    #monitorizeaza:hover .recomandarinfo,
    #gandeste:hover .recomandarinfo,
    #partenerii:hover .recomandarinfo,
    #recruteaza:hover .recomandarinfo,
    #informat:hover .recomandarinfo  
    {
        
        max-height: 160px;
        transition: max-height 1.55s ease-out;

    }

    #login-box
    {
        width: 100%;
    }

   .mash, .doorleft, .doorright, .darkslider
    {
        height:1520px;
    
    }
        .testeazafbi
    {
       bottom:-40px;
        left:0;
        position: absolute;
        bottom: -60px;
        left: -40px;
       
    }

    .innerform
    {
          width: 90%;
    }



    .moduleboxsmall, .moduleboxsmallfull
    {
        width: 100%;
        height: auto !important;
        padding:20px 0px 0px 0px;
    }
    .cereofertabox
    {
        left:-25px;
        bottom: 10px;
    }
    .testeazafbi
    {
        left:0;
        bottom: 0;
    }
}